﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="KimberlyDashboard.WebForm1" %>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <script type="text/javascript" src="bindows_gauges/bindows_gauges.js"></script>
        <table>
            <tr>
                <td>
                    <asp:DropDownList ID="drpAno1" runat="server" onchange="javascript:test(this.value, 0, 1, 'MES');">
                        <asp:ListItem>2008</asp:ListItem>
                        <asp:ListItem>2009</asp:ListItem>
                        <asp:ListItem Selected="True">2010</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="drpMes1" runat="server" onchange="javascript:test(0, this.value, 1, 'MES');">
                        <asp:ListItem Selected="True" Value="1">Enero</asp:ListItem>
                        <asp:ListItem Value="2">Febrero</asp:ListItem>
                        <asp:ListItem Value="3">Marzo</asp:ListItem>
                        <asp:ListItem Value="4">Abril</asp:ListItem>
                    </asp:DropDownList>

                </td>
            </tr>
            <tr>
                <td>
                    <div id="divMes1" style="width: 220px; height: 220px" ></div>
                </td>
            </tr>
        </table>    
    </div>

<script type="text/javascript">
    var gauge = bindows.loadGaugeIntoDiv("gauges/perspectiva1.xml", "divMes1");
    var arrMes1 = new Array(5);
    arrMes1[0] = "2009_1_85.1";
    arrMes1[1] = "2010_1_80";
    arrMes1[2] = "2010_2_95.7";
    arrMes1[3] = "2010_3_75.4";
    arrMes1[4] = "2010_4_82.3";
    function test(ano, mes, idIndicador, tipo) {        

        //Se obtiene el valor de año o mes que no llega
        if (ano == 0) {
            drp = document.getElementById('drpAno' + idIndicador);
            ano = drp.value;
        }
        else if (mes == 0) {
            drp = document.getElementById('drpMes' + idIndicador);
            mes = drp.value;
        }        
        eval("var arreglo = arrMes" + idIndicador);        
        //se recorre el arreglo y se busca el valor
        var valor = 0;
        var miniArreglo = new Array();
        for (i = 0; i < arreglo.length; i++) {
            miniArreglo = arreglo[i].split('_');            
            //Hasta que encuentre el ano y mes que le llego
            if (ano == miniArreglo[0] && mes == miniArreglo[1]) {
                valor = miniArreglo[2];
            }
        }
        gauge.needle.setValue(valor);
        gauge.label.setText(valor);
    }

</script>


    </form>
</body>
</html>
